{template 'common/header'}
<title>小店申请</title>
<style type="text/css">
    body {margin:0px; background:#efefef; font-family:'微软雅黑'; -moz-appearance:none;overflow-x:hidden}
    a {text-decoration:none;}
    .notice_topbar {height:40px; padding:3px;  background:#f9f9f9; border-bottom:1px solid #e8e8e8; font-size:16px; line-height:40px; text-align:center; color:#666;}
    .notice_topbar a {height:40px;margin-left:10px; width:15px; display:block; float:left; outline:0px; color:#999; font-size:24px;}

    .notice_addnav {height:44px; padding:5px;  border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:14px; line-height:42px; color:#666; background:#fff;}
    .notice_list {height:50px; padding:5px; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:14px; background:#fff;}
    .notice_list .ico {height:50px; width:50px;  float:left; color:#999; }
    .notice_list .ico img { width:45px;height:45px;margin-top:3px;}
    .notice_list .info {height:50px; width:100%; float:left; margin-left:-50px;}
    .notice_list .info .inner { margin-left:55px;}
    .notice_list .info .inner .addr {height:20px; width:100%; color:#666; line-height:26px; font-size:14px; overflow:hidden;}
    .notice_list .info .inner .user {height:30px; width:100%; color:#999; line-height:30px; font-size:12px; overflow:hidden;}
    .notice_list .info .inner .user span {color:#444; font-size:16px;}
   
    .notice_addnav {height:40px; width:94%; padding:0 3%; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:14px; line-height:40px; color:#666; }

    .notice_detail { width:100%;position:absolute;top:0;right:-100%;z-index:99999;display: none}
    .notice_main {height:auto;width:94%; padding:0px 3%; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; background:#fff;}
    .notice_main .title {height:auto;; width:94%; padding:0px 3%;line-height:22px;word-break: break-all;font-size:16px;color:#333;padding:5px;}
    .notice_main .time {height:30px; width:94%; padding:0px 3%; border-bottom:1px solid #f0f0f0; line-height:22px;word-break: break-all;font-size:14px;color:#666;}
    .notice_main .detail { height:100%;width:94%; padding:0px 3%; word-break: break-all;}
    .notice_main .detail img { width:100%;}
    .notice_sub1 {height:44px; width:94%; margin:14px 3% 0px; background:#ff4f4f; border-radius:4px; text-align:center; font-size:16px; line-height:44px; color:#fff;}
    .notice_sub2 {height:44px; width:94%; margin:14px 3% 0px; background:#ddd; border-radius:4px; text-align:center; font-size:16px; line-height:44px; color:#666; border:1px solid #d4d4d4;}

    .notice_no {height:100px; width:100%; margin:50px 0px 60px; color:#ccc; font-size:12px; text-align:center;}
    .notice_no_menu {height:40px; width:100%; text-align:center;}
    .notice_no_nav {height:38px;padding:10px; width:100px; background:#eee; border:1px solid #d4d4d4; border-radius:5px; text-align:center; line-height:38px; color:#666;}
    #notice_loading { width:94%;padding:10px;color:#666;text-align: center;}
    .detail_container {height:auto;width:94%; padding:0px 3%; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin-top:14px; background:#fff;}
    .detail_container .line {height:44px; width:100%; border-bottom:1px solid #f0f0f0; line-height:44px;}

    .detail_container .line .label { float:left;width:75px;font-size:14px;}
    .detail_container .line .info { float:right; width:100%; margin-left:-75px;text-align: right;overflow:hidden;height:44px;}
    .detail_container .line .info .inner { color:#666;margin-left:75px;}
    .detail_container .line input {float:left; height:44px; width:100%; padding:0px; margin:0px; border:0px; outline:none; font-size:16px; color:#666;padding-left:5px;}
    .detail_container .line select  {float:left; border:none;height:25px;width:100%;color:#666;font-size:16px;margin-top:10px;}
    .pay_sub1 {height:44px; width:94%; margin:14px 3% 0px; background:#ff4f4f; border-radius:4px; text-align:center; font-size:16px; line-height:44px; color:#fff;}
.info2 {padding:10px;border-bottom:1px solid #eee; border-top:1px solid #eee;}
.info2 .con {height:auto; padding:10px 0px;}
.info2 .con .line2 {height:auto; overflow:hidden; margin-bottom:5px;}
.info2 .con .line2 .t1 {height:auto; width:55px; float:left; font-size:14px; color:#666; line-height:20px;}
.info2 .con .line2 .t2 {padding-left:0px; background:#f90;}
.info2 .con .line2 .t2 .t3 {height:auto; float:left; font-size:14px; color:#999;}
</style>
<script type="text/javascript" src="../addons/ewei_shop/static/js/dist/area/cascade.js"></script>
<div id='container'></div>
    <div class="page_topbar">
        <a href="javascript:;" class="back" onclick="history.back()"><i class="fa fa-angle-left"></i></a>
        <div class="title">小店申请</div>
    </div>
    
    <div id='notices'></div>
    <div class='detail_container'>
    <div class="line"><div class="label">店铺类型：</div><div class="info"><div class="inner">
                <select class="form-control" id="type">
                        <option value="">请选择</option>
			<option value="1">银冠店980元</option>
                        <option value="2">金冠店2980元</option>
                        <!--<option value="3">钻石店4980元</option>-->
		</select></div></div></div>    
    </div>
    <div class="pay_sub1" id='pay_submit'>去支付</div>
	<div class="info2">
        <div class="con">
          <div class="line2">
          	<div class="t2">
            	<div class="t3">1.个人用户推荐银冠店，美容院老板推荐金冠店。</div>
          	</div>
          </div>
          <div class="line2">
          	<div class="t2">
            	<div class="t3">2.完成支付后，会在3-5个工作日内审核开通云店后台。</div>
          	</div>
          </div>
  	    </div>
	</div>
<script language="javascript">
    require(['tpl', 'core'], function(tpl, core) {
        $('#pay_submit').click(function(){
           if($(this).attr('saving')=='1'){
               return;
           }
           $(this).html('正在处理...').attr('saving',1);
           if($('#type').isEmpty()){
                 core.tip.show('请选择店铺类型!');
                 return;
            }
         var data = {
                  type: $('#type').val(),
          }
         core.json('shop/apply',{
                 op:'display',
                 data:data
             },function(postjson){
                if(postjson.status==1){
                 location.href ="{php echo $this->createMobileUrl('order/pay')}&recordid="+postjson.result.recordid;
                }else{
                 $(this).html('确认').removeAttr('saving');
                    if(postjson.status== -1){
                     core.tip.show(postjson.result);
                     }else{
                     core.tip.show('操作失败');
                     } 
                }
             },true,true);
         });
 });    
</script>
{php $show_footer=true; $footer_action='notice'}
{template 'common/footer'}